{extend name="shop/default/Login/registerBase"}
{block name="main"}
<script>
var yz4;
	$(document).ready(function(){
		$("#btn_submit").click(function(){
			
			var mobile = $("#mobile").val();
			var password = $("#password").val();
			var repass = $("#repass").val();
			var isset_mobile = $("#isset_mobile").attr("value");
			var vertification = $("#captcha").val();
			var code = $("#mobileregistermodel-sms_captcha").val();
		    var agree=$('#agree').is(':checked')?'1':'0';
	 		if(mobile.search(/^1(3|4|5|7|8)\d{9}$/) == -1){
	 			$("#mobile").trigger("focus");
	 			$('#mobile').css("border","1px solid red");
				$("#mobileyz").css("color","red").text("请输入正确的手机格式");
				return false;
			}else{
	 			$('#mobile').css("border","1px solid #ccc");
				$("#mobileyz").css("color","red").text("");
	 		}


	 		if(isset_mobile == "true"){
	 			$('#mobile').css("border","1px solid red");
				$("#mobileyz").css("color","red").text("该手机号已被注册");
				$("#mobile").trigger("focus");
				return false;
	 		}else{
	 			$('#mobile').css("border","1px solid #ccc");
				$("#mobileyz").css("color","red").text("");
	 		}
	 		/* if(!( password.length >=6 && password.length <=16)){
				$("#password").trigger("focus");
				$("#password").css("border","1px solid red");
				$("#yzpassword").css("color","red").text("密码为6到16位");
				$('#mobile').css("border","1px solid #ccc");
				$("#mobileyz").css("color","red").text("");
				return false;
			} */
			//后台设置注册验证
	 		var is_password_true = verifyPassword(password);
			if(is_password_true > 0){
				return false;
			}
			if( !(repass == password)){
				$("#repass").trigger("focus");
				$("#repass").css("border","1px solid red");
				$("#qrrepass").css("color","red").text("两次输入不一致");
				$("#password").css("border","1px solid #ccc");
				$("#yzpassword").css("color","red").text("");
				return false;
			}else{
				$("#qrrepass").text("");
				$("#repass").css("border","1px solid #ccc");
			}
			//验证码开启
			{if condition = "$login_verify_code['pc'] == 1"}
				if(vertification == ''){
					$("#captcha").trigger("focus");
					$("#captcha").css("border","1px solid red");
					$("#yzpassword").text("");
					$("#password").css("border","1px solid #ccc");
					$("#qrrepass").text("");
					$("#repass").css("border","1px solid #ccc");
					$("#vertify").css("color","red").text("请输入验证码");
					return false;
				}else{
					$("#captcha").css("border","1px solid #ccc");
					$("#vertify").css("color","#fff");
				} 
				{if condition="$notice['noticeMobile'] neq 1"}
					var result="";
					$.ajax({
						type:"post",
					    url:"{:__URL('SHOP_MAIN/login/vertify')}",
					    data:{'vertification':$("#captcha").val()},
					    async : false,
					    dataType:'json',
					    success:function(data){
					    	if (data['code'] == 1) {
					    		$("#vertify").text("");
					    		$("#captcha").css("border","1px solid #ccc");
					    		result = true;
							}else {
								$("#vertify").css("color","red").text("验证码错误");
								$(".verifyimg").attr("src",'{:captcha_src()}');
								result = false;
							}
							return result;
					    }
					});
					if(!result){
						return false;
					}
				{/if}
			{/if}
			{if condition="$notice['noticeMobile'] eq 1"}
			//短信开启
		 	if(code.length != 6){
				$("#mobileregistermodel-sms_captcha").trigger("change");
				$("#mobileregistermodel-sms_captcha").css("border","1px solid red");
				$("#qryzm").css("color","red").text("输入正确短信验证码");
				$("#repass").css("border","1px solid #ccc");
				$("#qrrepass").css("color","red").text("");
				return false;
			} 
			var res = false;
			$.ajax({
	 			type:"post",
	 		    url:"{:__URL('SHOP_MAIN/login/register_check_code')}",
	 		    data:{'send_param':code},
	 		    async : false,
	 		    dataType:'json',
	 		    success:function(data){
	 		    	//alert(JSON.stringify(data));
	 		    	if (data['code'] == 0) {
	 		    		if(agree == '0'){
	 						$("#is_agree").css("color","red").text("需同意用户注册协议");
	 						res = true;
	 					}else{
	 						$("#is_agree").css("color","red").text("");
	 					}
	 				}else {
	 					$("#qryzm").css("color","red").text("短信验证码错误");
	 					res = true;
	 				}
	 		    }
	 		}); 
	 		if(res){
	 			return false;
	 		}	
	 		{/if}
 			if(agree == '0'){
				$("#is_agree").css("color","red").text("需同意用户注册协议");
				return false;
			}else{
				$("#is_agree").css("color","red").text("");
			}
			$("#MobileRegisterModel").submit(); 	
		
		});
		$("#mobile").change(function(){
			if(!($(this).val().search(/^1(3|4|5|7|8)\d{9}$/)==-1)){
				$('#mobile').css("border","1px solid #ccc");
				$("#mobileyz").css("color","red").text("");
				$("#isset_mobile").attr("value","false");
				$.ajax({
					type: "GET",
					url: "{:__URL('SHOP_MAIN/login/mobile')}",
					data: {"mobile":$('#mobile').val()},
					success: function(data){
						if(data){
							$('#mobile').css("border","1px solid red");
							$("#mobileyz").css("color","red").text("该手机号已被注册");
							$("#isset_mobile").attr("value","true");							
						}
					} 
				});
			}
		});
		$("#sendOutCode").click(function (){
			var mobile = $("#mobile").val();
			{if condition = "$login_verify_code['pc'] == 1"}
			var vertification = $("#captcha").val();
			{else /}
			var vertification = '';
			{/if}
			//验证手机号格式是否正确
			if(mobile.search(/^1(3|4|5|7|8)\d{9}$/) == -1){
	 			$("#mobile").trigger("focus");
	 			$('#mobile').css("border","1px solid red");
				$("#mobileyz").css("color","red").text("请输入正确的手机格式");
				return false;
			}
			//验证手机号是否已经注册
			$.ajax({
				type: "GET",
				url: "{:__URL('SHOP_MAIN/login/mobile')}",
				data: {"mobile":mobile},
				async: false,
				success: function(data){
					if(data){
						$('#mobile').css("border","1px solid red");
						$("#mobileyz").css("color","red").text("该手机号已被注册");
						$("#isset_mobile").attr("value","true");	
						return false;
					}else{
				 		//判断输入的验证码是否正确 
						$.ajax({
							type: "POST",
							url: "{:__URL('SHOP_MAIN/login/sendsmsregistercode')}",
							data: {"mobile":mobile,"vertification":vertification},
							success: function(data){
								// alert(JSON.stringify(data));
								if(data['code']=='0'){
									$("#mobileyz").css("color","red").text("发送成功");
									time();
								}else{
									layer.msg(data["message"]);
									$(".verifyimg").attr("src",'{:captcha_src()}');
									return false;
								}
							}
						});
					}
				} 
			});
		});
	});
var wait=120; 
function time() { 
    if (wait == 0) {
    	$("#sendOutCode").removeAttr("disabled");  
    	$("#sendOutCode").val("获取验证码"); 
        wait = 120; 
    } else { 
    	$("#sendOutCode").attr("disabled", 'disabled');
    	$("#sendOutCode").val(wait+"s后重新发送"); 
        wait--; 
        setTimeout(function() { 
            time() 
        }, 
        1000)
    }
} 






</script>
	<input type="hidden" value="false" id="isset_mobile"/>
	<!-- 红包消息 -->
	<div class="header w990">
		<div class="logo-info">
			<a href="{:__URL('SHOP_MAIN')}" class="logo">
				<img alt="" src="__UPLOAD__/{$web_info['logo']}"/>
			</a>
			<span class="findpw">欢迎注册</span>
		</div>
	</div>
	<div class="reg-content">
		<div class="w990">
<div class="reg-form">
	<div class="reg-con">
		{include file='shop/default/loginTopNav'/}
		<div class="reg-wrap">
			<div class="reg-wrap-con" style="background: url(__TEMP__/{$style}/public/images/register_bg_image.png) no-repeat right 70px;">				
				<!-- 手机注册 start -->
		<form id="MobileRegisterModel" class="form-horizontal" name="MobileRegisterModel" action="{:__URL('SHOP_MAIN/login/mobile')}" method="post">
			<input type="hidden" name="_csrf" value="eXVLd2ExOFMhBiocM0N.Eh0.Mg0nY2BiOxkaRAwBVxUgDQcQGQVWKw==">
			<!-- 用户名 -->
			<!-- 手机号 -->
			<div class="form-group form-group-spe">
				<label for="mobileregistermodel-mobile" class="input-left">
				<span class="spark">*</span>
				<span>手机号：</span>
				</label>
				<div class="form-control-box">
					<input type="text" id="mobile" class="form-control" name="mobile" placeholder="请输入您的手机号" />
					<!-- <span class='state1'>请输入手机号</span> -->
					<span id="mobileyz"></span>
			   	</div>
				<div class="invalid"></div>
			</div>
			<input style="display: none">
				
			<!-- 密码 -->
			<div class="form-group form-group-spe">
				<label for="mobileregistermodel-password" class="input-left">
				<span class="spark">*</span>
				<span>密码：</span>
				</label>
				<div class="form-control-box">
				<input type="password" id="password" class="form-control" name="password" autocomplete="off" placeholder="请输入密码">
				<span id="yzpassword"></span>
				<!-- <span class='state1'>请输入密码</span>-->				
				<!--  <i class="fa fa-eye-slash pwd-toggle" data-id="password"></i>	-->	
			  	</div>
				<div class="invalid"></div>
			</div>
			
			<!-- 确认密码 -->
			<div class="form-group form-group-spe">
				<label for="mobileregistermodel-password" class="input-left">
				<span class="spark">*</span>
				<span>确认密码：</span>
				</label>
				<div class="form-control-box">
				<input type="password" id="repass" class="form-control" name="repass" autocomplete="off" placeholder="请确认输入密码">
				<!-- <span class='state1'>请确认密码</span> -->
				<!--  <i class="fa fa-eye-slash pwd-toggle" data-id="password"></i>	-->	
				<span id="qrrepass"></span>
			  	</div>
				<div class="invalid"></div>
			</div>
				
				
			<!--	
			<!-- 验证码
			<div class="form-group form-group-spe">
				<label for="mobileregistermodel-captcha" class="input-left">
				<span>验证码：</span>
				</label>
				<div class="form-control-box">
				<input type="text" id="captcha" class="input-small" name="MobileRegisterModel[captcha]">
				<label class="captcha">
					<img id="captcha-image" class="captcha-image" src="/site/captcha?v=58981a53ea418" alt="点击换图" title="点击换图" style="vertical-align: middle; cursor: pointer;"><script data-captcha-id='captcha-image' type='text'>{"refreshUrl":"\/site\/captcha?refresh=1","hashKey":"niiCaptcha\/site\/captcha"}</script>
				</label>
				</div>
				<div class="invalid"></div>
			</div>
		 -->		
			<!-- 验证码 -->
			{if condition = "$login_verify_code['pc'] == 1"}
			<div class="form-group form-group-spe">
			    <label for="mobileregistermodel-captcha" class="input-left">
				    <span>验证码：</span>
				</label>
			
				<div class="form-control-box" style="width: 450px;">
					<input type="text" id="captcha" name="captcha" tabindex="2" placeholder="请输入验证码" autocomplete="off" class="text text-te" style="width: 100px;"/>
	                <label class="img" style="margin-left: 5px"> <img class="verifyimg" src=" {:captcha_src()}" onclick="this.src='{:captcha_src()}'"  alt="captcha" style="vertical-align: middle; cursor: pointer; height: 35px;" /> </label>
	          	    <span id="vertify" style="margin-left: 25px;"></span>
				</div>
			
			</div>
			{/if}
			<!-- 短信校验码 -->	
			{if condition="$notice['noticeMobile'] eq 1"}
			 <div class="form-group form-group-spe">
				<label for="mobileregistermodel-sms_captcha" class="input-left">
				<span class="spark">*</span>
				<span>短信校验码：</span>
				</label>
				<div class="form-control-box">
				<input type="text" id="mobileregistermodel-sms_captcha" class="input-small" name="mobile_code">
	<!-- 			<a href="javascript:void(0);" class="phonecode" id="sendOutCode" name="code_mobile">获取短信校验码</a> -->
					<input type="button" class="phonecode" id="sendOutCode" name="code_mobile" value="获取短信校验码">
					<span id="qryzm"></span>
				</div>
				<div class="invalid"></div>
			</div>
			{/if}
		 
	<!--		
			<div class="form-group form-group-spe">
				<label for="mobileregistermodel-invite_code" class="input-left">
				<span>注册邀请码：</span>
				</label>
				<div class="form-control-box">
				<input type="text" id="mobileregistermodel-invite_code" class="input-small" name="MobileRegisterModel[invite_code]">		
				</div>
				<div class="invalid"></div>
			</div>
	 -->			
				<div class="form-group m-10">
					<label class="input-left">&nbsp;</label>
					<div class="form-control-box">
						<label for="remember1">
							<input type="checkbox"  name="remember" id="agree" class="checkbox m-b-6" />
							<span>
								我已阅读并同意
								<a href="{:__URL('SHOP_MAIN/helpcenter/index','id=17&class_id=6')}" class="user_protocol"  target="_blank">《用户注册协议》</a>
							</span>
							&nbsp;&nbsp;&nbsp;&nbsp;
							<span id="is_agree" ></span>
						</label>
					</div>
				</div>
				<div class="reg-btn">
					<div class="form-group form-group-spe">
					<label for="" class="input-left">
					</label>
					<div class="form-control-box">
					<input type="button" class="btn-img btn-entry bg-color" id="btn_submit" name="btn_submit" value="同意协议并注册" title="请按照要求填写，才能注册的哦">
					</div>
					<div class="invalid"></div>
					</div>
				</div>		
			</form>
			<div id="message" style="color:red;width: 170px;height: 30px;margin-left: 160px;margin-top: -36px; display:none">必须满足规则才能注册的哦</div>
				<!-- 手机注册 end -->
			</div>
		</div>
	</div>
</div>
</div>
</div>
{/block}
{/extend}

